<html>
    <!DOCTYPE html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <title>Bukti Transaksi</title>
        <style type="text/css">
            .petugas {
                font-size: 8pt;
                font-family: "Century Gothic";
            }
            .nope {
                font-size: 12pt;
                font-family: "Century Gothic";
            }
            .orang {
                font-size: 20pt;
                font-weight: bold;	
            }
            .wadah {
                width: 290px;
                border: 0px solid #999;
                background-color: #FFF;
                padding-top: 15px;
                padding-right: 12px;
                padding-bottom: 25px;
                padding-left:12px;
            }
            .ungu {
                padding-top: 15px;
                font-size: 8pt;
                font-family: "Century Gothic";
            }
            .hitam {
                padding-top: 15px;
                font-size: 8pt;
                font-family: "Century Gothic";
                padding-left:10px;
            }
            .hitam2{
                font-size: 8pt;
                font-family: "Century Gothic";
                padding-left:10px;
            }
            .putih {
                font-size: 11pt;
                font-weight: bold;
                padding-left:10px;
                padding-top: 1px;
            }

            .lunas {
                font-size: 14pt;
                font-weight: bold;
                padding-left:10px;
                padding-top: 1px;
            }	
            .kodep {
                font-size: 16pt;
                font-weight: bold;
                padding-left:10px;
                padding-top: 4px;
                padding-bottom: 5px;
            }
            .blok {
                font-size: 12pt;
                font-weight: bold;
                color: #000;
                padding-bottom: 5px;
                padding-left:10px;
                margin-bottom: 5px;
                border-bottom-width: 2px;
                border-bottom-style: solid;
                border-bottom-color: #999;
            }
            body {
                background-color: #eee;
                font-family:Arial, Helvetica, sans-serif;
            }
            .rumah {text-decoration: none; padding-bottom: 10px;}
            p {margin: 0;}
            .ttd { border-bottom:dashed 0px #222;border-top:dashed 0px #222; height: 70px; margin:5px 0;}

        </style>
    </head>

    <body>
        <div class="wadah">
            <div class="baris">
                <p  class="ungu"><?php echo $this->date_func->day_localize(date('l')).', '.$this->date_func->date_konversion_format4(date('Y-m-d')).', '.date('H.i')?> WIB</p>
                <p class="orang din"><?php echo $user['NAMA']?></p>
                <p class="nope"><?php echo $user['NO_TELP']?></p>
            </div>
            <div class="baris">
                <p class="hitam">Membatalkan diri  pada pelatihan</p>
                <p class="kodep din"><?php echo $delete['KODE_PELATIHAN'].'-'.$delete['ANGKATAN']?> | <?php echo $nama_pelatihan?></p>
            </div>
            <div class="baris">
                <p class="hitam">Biaya yang sudah dibayar</p>
                <p class="putih">Rp <?php echo number_format($delete['BIAYA_ADM']+$delete['PENGEMBALIAN'],0,',','.')?></p>
            </div>
            <div class="baris">
                <p class="hitam">Biaya administrasi</p>
                <p class="putih">Rp <?php echo number_format($delete['BIAYA_ADM'],0,',','.')?></p>
            </div>
            <div class="baris">
                <p class="hitam">Pengembalian</p>
                <p class="putih">Rp <?php echo number_format($delete['PENGEMBALIAN'],0,',','.')?></p>
                <p class="hitam2"><?php echo $this->date_func->date_konversion_format4($delete['TGL']).' ('.$nama_fo.')'?></p>
            </div>   
            <div class="baris">
                <p class="hitam">Tanda Tangan Penerima</p>
                <div class="ttd"></div>
            </div>
            <p class=" petugas">----</p>
            <p class=" petugas">Informasi ComLabs IT Course di http//course.comlabs.itb.ac.id</p>
        </div>
    </body>
</html>
